<!DOCTYPE html>
<html lang="en">
  <head>
    $shared/head()$
    <script>
    function validar(){ 
      if(!\$("input[name='idTurnoTemp']:checked").val()) {
        \$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Debe seleccionar un turno.'
                      ,type:'error'
                    });
                  });
        return false;
      }
      return true;
    }

    function irPaso2(){
        if (validar()){
          \$("#mostrarPaso").val("2");
          \$("#txtbuscar").val("");          
          \$("#idTurno").val(\$('input:radio[name=idTurnoTemp]:checked').val());
          \$(".loading").show()
          \$("#myForm").submit();
        }
    }
    function terminar(){
        if (\$("#mostrarPaso").val()==3)
        return;
          if (\$("#aprobado_cajero").val()==0){
              \$(function(){
                    new PNotify({
                       title: 'Validaci&oacute;n'
                      ,text: 'Falta los datos para aprobar la informci&oacute;n.'
                      ,type:'error'
                    });
                  });
              return false;
          }
          \$("#mostrarPaso").val("3");
          \$(".loading").show()
          \$("#myForm").submit();
    }
    
    function updateTextInput(idInput, val) {
          document.getElementById(idInput).value=val; 
          resetValidacion();
    }
    </script>

    <script>
      \$(function(){
        \$(".panel-body").unhighlight().highlight("$txtbuscar$");
      });
    </script>
  </head>
  <body>
<div class="container">
$shared/header()$
    
    <div class="row">
        <div class="col-sm-3 col-md-3 sidebar">
            <span type="button" class="hidden-print">
    <span class="glyphicon glyphicon-user"></span> $usuarioConectado.Nombre$&nbsp;$usuarioConectado.Apellido$
  </span>
        $shared/menu()$
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-8 col-md-offset-0 main ">
          <ol class="breadcrumb hidden-print">
          <li><a href="home.aspx">Inicio</a></li>
          <li class="active">Reposici&oacute;n de productos</li>
        </ol>
        <div class="text-right">
          <button type="button" class="btn btn-default btn-sm" onclick="window.print();">
          <span  class="glyphicon glyphicon-print" ></span> Imprimir
          </button>
        </div>
$if (mostrarExito)$
  <div class="alert alert-success" role="alert">La reposici&oacute;n fue creada exitosamente!</div>
$endif$ 

$if (mostrarError)$
  <div class="alert alert-danger" role="alert">Lo sentimos ocurri&oacute; error:<br/>$error$</div>
$endif$ 
  <form method="POST" name="myForm" id="myForm">
  $if (mostrarPaso1)$
  <div id="paso1">        

  <div class="panel panel-default">
  <!-- Default panel contents -->
     <div class="alert alert-danger" id="alert" style="display:none">
      <a href="#" class="alert-link">Debe seleccionar un turno...</a>
    </div>
<div class="navbar-form navbar-right hidden-print" role="search">
        <div class="form-group">
          <input type="text" class="form-control keyboard" placeholder="Buscar" id="txtbuscar" name="txtbuscar" value="$txtbuscar$">
        </div>
        <button type="submit" class="btn btn-default" >Buscar</button>
      </div><br/>

  <div class="panel-heading "> Seleccione un turno:<br/>
  </div>
  <div class="panel-body">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>&nbsp;</th>
            <th>#</th>
            <th>Nombre</th>
            <th>RUN</th>
            <th>Codigo</th>
            <th>Punto de Venta</th>
            <th>Hora Inicio</th>
          </tr>
        </thead>
        <tbody>
          $turnos: {t|
          <tr>
            <td><input type="radio" name="idTurnoTemp"   id="$t.Id$" name="idTurnoTemp" value="$t.Id$"  onclick="\$(document).scrollTop(\$('.panel-footer').offset().top);"></td>
            <td>$i$</td>
            <td>$t.Cajero.NombreCompleto$</td>
            <td>$t.Cajero.Rut$</td>
            <td>$t.Cajero.UserNo$</td> 
            <td>$t.PuntoVenta$</td>
            <td>$t.FechaInicio; format="t"$</td>
          </tr>
          }$
        </tbody>
      </table>
    </div>
  <div class="panel-footer"> 
        <a href="#" class="btn btn-primary " onclick="irPaso2();">Siguiente</a>
        <img src="resources/images/ajax-loader.gif" id="loading" alt="loading"  style="display:none" class="loading"/>
    </div>
  </div>

</div>

$endif$ 
$if(mostrarPaso2)$
<div id="paso2">
<div class="panel panel-default">
  <div class="panel-heading ">Ingrese la cantidad de la nueva reposici&oacute;n.</div>
  <div class="panel-body">
      $tableHTML$
      $shared/validacion_cajero()$
  </div>
  <div class="panel-footer"> 
            <a href="reposicion.aspx" class="btn btn-default">Cancelar</a>
            <a href="javascript:;" class="btn btn-primary" onclick="terminar();">Terminar </a>
            <img src="resources/images/ajax-loader.gif" id="loading" alt="loading"  style="display:none" class="loading"/>
  </div>
  </div>
</div>
$endif$ 

<input type="hidden" name="mostrarPaso" id="mostrarPaso" value="1">
<input type="hidden" name="idTurno"  id="idTurno" value="$turno.Id$">
</form>
      
      $shared/footer()$
      </div>
      </div>
      </div>
  </body>
</html> 